{extend name='base'}
{block name='ex'}
<script>
    static="__STATIC__";
</script>
{/block}
{block name='con'}
<!--banner 代码 开始 -->
    <div class="DB_tab25" style="margin-bottom:30px;">
	<ul class="DB_bgSet">
        {volist name="arr" id="list"}
        <li style='background:url("__STATIC__/uploads/{:dirname($list.img)}/{:basename($list.img)}") no-repeat center top;'></li>
        {/volist}
	</ul>
	<ul class="DB_imgSet">
        {volist name="arr" id="list" key="i"}
        {if condition="$i eq 3"}
            {~$i++}
        {/if}
        <li >
            <img class="DB_{$i}_1" src="__STATIC__/uploads/{$list.img_text}" alt="">
        </li>
        {/volist}    
	</ul>
	<div class="DB_menuWrap">
		<ul class="DB_menuSet">
        {volist name="arr" id="list"}
			<li><img src="__STATIC__/index/images/index/btn_off.png" alt=""></li>
        {/volist}
		</ul>
	</div>
</div>
<script type="text/javascript">
    $('.DB_tab25').DB_tabMotionBanner({
        key: 'b28551',
        autoRollingTime: 3000,
        bgSpeed: 500,
        motion: {
            DB_1_1: { left: -100, opacity: 0, speed: 1000, delay: 500 },
            DB_2_1: { top: 100, opacity: 0, speed: 1000, delay: 500 },
            DB_4_1: { top: 200, opacity: 0, speed: 1000, delay: 500 },
            end: null
        }
    })
</script>
<!--banner 代码 结束 -->
<!--新闻--> 
<div class="width1020" style="height:68px;margin-bottom: 10px;">
	<div class="fl wow fadeInLeft animated"><img src="__STATIC__/index/images/index/headline.jpg" alt="头条新闻" title="头条新闻" height="68" width="68"></div>
    <div class="headLineTitle fl wow fadeInLeft animated">
        <a href="{:url('News/news_details',['id'=>$headnews.id])}"  >
        {$headnews.title}
        </a>
    </div>
</div>
 <!--新闻-->
<div class="width1020 clear">
    <div class="newsListnewsContent"  id="newsListnewsContentID">
        <div class="newsListnewsContent1">
            <div class="fl  wow fadeInLeft animated" data-wow-delay="0.5s"  >
            <!-- 代码 开始 -->
                <div id="fsD1" class="focus"  style="height:370px;">  
                    <div id="D1pic1" class="fPic">           
           
                        <div class="fcon" style="display: none;">
                        <a href="">
                            <img style="opacity: 1; "   src="__STATIC__/index/upload/201712/27/201712270805239153.JPG" alt="中天大截面节能导线助力世界最高电压输电线路横跨黄河" title="中天大截面节能导线助力世界最高电压输电线路横跨黄河"
                            width="550" height="370" />
                        </a>
                        </div>
                        
                        <div class="fcon" style="display: none;">
                        <a href="">
                            <img style="opacity: 1; "   src="__STATIC__/index/upload/201712/17/201712170713232776.jpg" alt="中天分布式储能系统将引爆一场能源结构革命" title="中天分布式储能系统将引爆一场能源结构革命"
                            width="550" height="370" />
                        </a>
                        </div>
                        
                        <div class="fcon" style="display: none;">
                        <a href="">
                            <img style="opacity: 1; "   src="__STATIC__/index/upload/201712/15/201712151752132070.JPG" alt="让劳动创新在中天科技蔚然成风" title="让劳动创新在中天科技蔚然成风"
                            width="550" height="370" />
                        </a>
                        </div>
                        
                        <div class="fcon" style="display: none;">
                        <a href="">
                            <img style="opacity: 1; "   src="__STATIC__/index/upload/201711/28/201711281715239038.JPG" alt="情系湘西，中天科技用爱心点燃大山的希望" title="情系湘西，中天科技用爱心点燃大山的希望"
                            width="550" height="370" />
                        </a>
                        </div>
                        
                        <div class="fcon" style="display: none;">
                        <a href="">
                            <img style="opacity: 1; "   src="__STATIC__/index/upload/201711/03/201711031703365240.jpg" alt="服务大连接时代，中天科技展望全球光纤光缆发展" title="服务大连接时代，中天科技展望全球光纤光缆发展"
                            width="550" height="370" />
                        </a>
                        </div>
                         
                    </div>
                    <span class="prev"></span>   
                    <span class="next"></span>    
                </div>  
<script type="text/javascript">
	Qfast.add('widgets', { path: "__STATIC__/index/js/news/terminator2.2.min.js", type: "js", requires: ['fx'] });  
	Qfast(false, 'widgets', function () {
		K.tabs({
			id: 'fsD1',   //焦点图包裹id  
			conId: "D1pic1",  //** 大图域包裹id  
			tabTn:"a",
			conCn: '.fcon', //** 大图域配置class       
			auto: 1,   //自动播放 1或0
			effect: 'fade',   //效果配置
			eType: 'click', //** 鼠标事件
			pageBt:true,//是否有按钮切换页码
			bns: ['.prev', '.next'],//** 前后按钮配置class                          
			interval: 3000  //** 停顿时间  
		}) 
	})  
</script>
<!-- 代码 结束 -->
            </div>
            <div class="fr wow fadeInRight animated" data-wow-delay="0.5s">
                <ul>  
                    {volist name='news3' id='list'}
				    <li>
                        <div class="zttNewsdiv">
                            <div style="height: 80px;padding-top:20px">                                
                                <div class="newsDate">         
                                   <div  class="newsDateDay"><span>{:date('d',$list.date)}</span></div> <br />
                                   <div class="newsDateYear"><span style="font-size: 15px;">{:date('Y-m',$list.date)}</span></div>
                                </div>
                                <div class="newsContent">
                                    <div class="newsContentTitle">
                                        <a href="{:url('News/news_details',['id'=>$list.id])}" >
                                            {$list.title}
                                        </a>
                                    </div>
                                    <div class="newsContentDetail">
                                        {:mb_substr($list.details,0,50,'utf-8')}…
                                        <a href="{:url('News/news_details',['id'=>$list.id])}" >
                                            [查看详情]
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
				    </li>
                    {/volist}       
                              <!-- -->
                                    
				
                             
                  </ul>  
                    <div style="float: left;margin-top: 10px;"> 
                        <a href="{:url('News/news',['id'=>$news3.0.id])}" >更多资讯》</a>
                   </div>          
        </div>
    </div><!--newsListnewsContent1-->
 </div><!--newsListnewsContentID-->
</div><!--/width1020-->
 <!--6大领域-->
<div class="container clear" style="margin-top: 25px;border-top: 1px solid #b5b5b6;">
    <div class="divFieldTab   wow fadeInDown animated"  id="FieldTabID"  data-move-x="-200px">
        <div  style="width:0;height:0"><div ><img/><span></span></div></div>
        {volist name='ind' id='list' key='i'}
        <div  class="divFieldTabTitle ">
            <div class="divFieldTabTitleC1 "   id="Tfield{$i}">
                <div class="divFieldTabTitleC1Img" >
                    <img id="imgfield{$i}" src="__STATIC__/index/images/index/field{$i}.png"  width="26">
                </div>
                <div class="divFieldTabTitleC1Title"><span>{$list.typeclass}</span></div>
            </div>   
        </div>
        {/volist}
    </div>
<div   id="FieldContentID" >
   <div></div>
    <div class="divFieldContent "> 
        <div class="divFieldCP">
            <a href="">
                 <div class="divFieldC wow fadeInUp animated">
                <div class="divFieldCT">信息通信
                </div>
                     <div class="divFieldCD" style="line-height: 35px;margin-top: 30px">
                         在光纤通信领域，中天科技深耕细作， 产品品质、创新能力、服务水平受到我国各大通信运营商的认可，形成了光纤、光缆“双千万”的制作规模，并致力于打造棒、丝、缆一体化的产业链。
                     </div>
            </div>
            </a>
            <div class="divFieldImg wow fadeInUp animated"><img src="__STATIC__/index/images/index/imgfield1.png"/></div>
        </div>
    </div>
     <div class="divFieldContent " style="display: none;">  
         <div class="divFieldCP">
              <a href="">
              <div class="divFieldC ">
                  <div class="divFieldCT">
                      智能电网
                  </div>
                  <div class="divFieldCD" style="line-height: 30px;margin-top: 20px;">
                      “中天服务电网，电网信赖中天”。2000年中天从特种电力光缆起步进入电网传输领域，通过收购上海铝线厂，与宝钢联合开发特种金属材料，与中科院电力所、上海交通大学、华北电力大学、上海电缆研究所战略合作，坚持建立统一完善的智能电网系统，为中国电网发展铺路搭桥，提供多种优化选择。
                  </div>
              </div>
                  </a>
             <div class="divFieldImg ">
                 <img src="__STATIC__/index/images/index/imgfield2.png"/>
             </div>
         </div>
    </div>
     <div class="divFieldContent " style="display: none;">   
         <div class="divFieldCP">
             <a href="">
                 <div class="divFieldC">
                     <div class="divFieldCT">新能源
                     </div>
                     <div class="divFieldCD" style="line-height: 30px;margin-top: 20px">
                         2008年，中天产业从电信、电网“两轮并驱”，谋划新能源“三足鼎立”。 我们技术介入，研发先行，在取得一系列研发成果的基础上，于2012年相继组建了光伏技术、光伏材料、储能科技等多家专业子公司，并选择走差异化路线做高端产品，在技术研发、制造理念、管理方法、战略布局上坚持创新形成核心竞争力，打造集产品开发、市场拓展、产业服务于一体化的综合性新能源产业体系。
                     </div>
                 </div>
             </a>

             <div class="divFieldImg ">
                 <img src="__STATIC__/index/images/index/imgfield3.png"/>
             </div>
         </div>
    </div>
     <div class="divFieldContent " style="display: none;">  
         <div class="divFieldCP">
             <a href="">
                 <div class="divFieldC ">
                     <div class="divFieldCT">精工装备
                     </div>
                     <div class="divFieldCD" style="line-height: 40px;margin-top: 40px">
                         坚持高起点、高标准定位，生产装备用线缆及光纤光缆、电线电缆高端设备满足国内外市场需求。
                     </div>
                 </div>
             </a>

             <div class="divFieldImg "><img src="__STATIC__/index/images/index/imgfield4.png"/></div>
         </div>
    </div>
     <div class="divFieldContent "  style="display: none;">   
         <div class="divFieldCP">
             <a href="">
                 <div class="divFieldC ">
                     <div class="divFieldCT">海洋系统
                     </div>
                     <div class="divFieldCD" style="line-height: 40px;margin-top: 40px">
                         在海洋领域，中天海缆伴随中国海洋经济的崛起，提出海缆向系统发展，海洋工程向总包发展的战略，致力打造亚洲海缆制造基地，成为具有全球影响力的海洋装备和系统服务商。
                     </div>
                 </div>
             </a>

             <div class="divFieldImg  "><img src="__STATIC__/index/images/index/imgfield5.png"/></div>
         </div>
    </div>
     <div class="divFieldContent "  style="display: none;">   
         <div class="divFieldCP">
             <a href="">
                 <div class="divFieldC ">
                     <div class="divFieldCT">新材料
                     </div>
                     <div class="divFieldCD" style="line-height: 40px;margin-top: 40px">
                        中天新材料产业发展策略为立足集团产业链纵向延伸和横向延伸，通过材料的突破达成集团部分已有产品的升级，以开发新产品和新市场，提升产品等级，同时关注并适时开发高端热点新材料，拓展新领域。
                     </div>
                 </div>
             </a>

             <div class="divFieldImg ">
                 <img src="__STATIC__/index/images/index/imgfield6.png" />
             </div>
         </div>
    </div>
 </div>
</div>
    <!--6大领域-->  
  <!--地图-->  
    <div class="am-container" >
        <div class="am-g am-g-fixed">
            <div class="am-u-sm-3" style="width:20%">
                <div class="title wow animated fadeInLeft"  style="font-size: 22px;font-weight: bold;margin-top: 30px;text-align: left;color: #004ea0;margin-bottom: 10px">
                    <a href="http://www.zttcable.com" target="_blank">国际中天</a>
                </div>
                <div class="wow animated fadeInLeft" data-wow-delay="0.2s"><img src="__STATIC__/index/images/index/GJZT/img_cpck.png"   class="img-responsive "/></div>
                <div style="padding-top: 20px;" class="wow animated fadeInLeft" data-wow-delay="0.3s"><img src="__STATIC__/index/images/index/GJZT/img_sczz.png"   class="img-responsive "/></div>
                <div style="padding-top: 20px;" class="wow animated fadeInLeft" data-wow-delay="0.4s"><img src="__STATIC__/index/images/index/GJZT/img_yxzx.png"   class="img-responsive "/></div>
                <div style="padding-top: 20px;" class="wow animated fadeInLeft" data-wow-delay="0.5s"><img src="__STATIC__/index/images/index/GJZT/img_bsc.png"   class="img-responsive "/></div>
            </div>
            <div class="am-u-sm-9" data-wow-delay="0.2s" style="position:relative;width:80%" >
                <div class=" ">
                 <img src="__STATIC__/index/images/index/GJZT/map.png"   class="img-responsive "/>
                </div>
                <div class=" wow animated zoomIn GJZTsczz" data-wow-delay="0.8s">
                <img src="__STATIC__/index/images/index/GJZT/img_gongchang.png"   class="img-responsive " />
                </div>
                  <div class=" wow animated flash GJZTblue" data-wow-delay="0.6s" data-type="route">
                 <img src="__STATIC__/index/images/index/GJZT/blue.gif"   class="img-responsive "/>
               </div>
             <div class=" wow animated flash GJZTorange" data-wow-delay="0.6s" data-type="route">
                 <img src="__STATIC__/index/images/index/GJZT/orange.gif"   class="img-responsive "/>
               </div>
                <!-- <div class=" wow animated flash GJZTpoint" data-wow-delay="0.6s">
                <img src="__STATIC__/index/images/index/GJZT/point.png"   class="img-responsive "/>
                </div> -->
                <div class=" wow animated zoomIn GJZTzl" data-wow-delay="1s" data-type="zl">
                    <img src="__STATIC__/index/images/index/GJZT/zl.png"   class="img-responsive "/>
                </div>
                 <div class=" wow animated zoomIn GJZTdg" data-wow-delay="1s" data-type="dg">
                     <img src="__STATIC__/index/images/index/GJZT/deguo.png"   class="img-responsive "/>
                 </div>
                 <div class=" wow animated zoomIn GJZTmjl" data-wow-delay="1s" data-type="mjl">
                    <img src="__STATIC__/index/images/index/GJZT/mjl.png"   class="img-responsive "/>
                </div>
                 <div class=" wow animated zoomIn GJZTst" data-wow-delay="1s" data-type="st">
                    <img src="__STATIC__/index/images/index/GJZT/st.png"   class="img-responsive "/>
                </div>
                 <div class=" wow animated zoomIn GJZTyn" data-wow-delay="1s" data-type="yn">
                    <img src="__STATIC__/index/images/index/GJZT/yn.png"   class="img-responsive "/>
                </div>
                  <div class=" wow animated zoomIn GJZTmg" data-wow-delay="1s" data-type="mg">
                    <img src="__STATIC__/index/images/index/GJZT/mg.png"   class="img-responsive "/>
                </div>
                 <!--    <div class=" wow animated fadeInRight GJZTyidai " data-wow-delay=0.8s">
                     <img src="__STATIC__/index/images/index/GJZT/img2.png"   class="img-responsive "/>
                 </div>-->

            </div>
            <div class="e_map_info">
		        <div class="m_content m_yidai hide" data-panel="route">
			       <!-- <i></i>-->
			        <h4>“一带一路”战略</h4>
			        <p>
中天科技积极践行“一带一路”国家战略。 在“一带一路”沿线国家，销售覆盖率高达95.31%；办事处及营销中心基本已形成无盲点覆盖；目前已经布局印度、乌兹别克斯坦及印尼工厂。

			        </p>
		        </div>
		
		        <div class="m_content m_zl hide" data-panel="zl">
			         <!-- <i></i>-->
			        <h4>智利（500kV 导线架空地线项目）</h4>
			        <p>
                    梅希约内斯 卡多纳尔500kV 导线架空地线工程项目<br />
                    执行地：智利北部<br />
                    促进智利中部和北部电网并网融合，进一步奠定中天科技在拉美电力市场的主流供应商地位。<br />
			        </p>
		        </div>

		        <div class="m_content m_dg hide" data-panel="dg">
			        <!-- <i></i>-->
			        <h4>德国 （海上风电总包项目）</h4>
			        <p>
                    EnBw Hohe See海上风电连接用海底电缆总包工程项目<br />
                    执行地：北海<br />
                    国内首家挺进全球最高端欧洲海上风电市场，纵深到全价值链集成服务商行列，全方位引领民族海缆产业发展。<br />

			        </p>
		        </div>
		
		        <div class="m_content m_mjl hide" data-panel="mjl">
			        <!-- <i></i>-->
			        <h4>孟加拉（33kV海缆项目）</h4>
			        <p>
                    Barobkundo to Swandip 33KV 海缆项目<br />
                    执行地：孟加拉吉大港<br />
                    抢抓“一带一路”战略机遇，首个进军国际海底电缆总包工程的中国制造企业。<br />

			        </p>
		        </div>
                <div class="m_content m_st hide" data-panel="st">
			        <!-- <i></i>-->
			        <h4>沙特阿拉伯（33kV、15kV海缆项目）</h4>
			        <p>
                    阿美石油33kV、15kV海底光电复合缆及其附件供货项目<br />
                    执行地：沙特<br />
                    代表“中国制造”最高水平，进一步巩固中天海缆在高端市场的品牌优势<br />
			        </p>
		        </div>
                <div class="m_content m_yn hide" data-panel="yn">
			        <!-- <i></i>-->
			        <h4>印尼（输送线路项目）</h4>
			        <p>
                    JAVA-SUMATRA 500kV传输线路导线供货项目 <br />
                    执行地：JAVA、苏门答腊岛<br />
                    印尼国家电网迄今为止最大的500kV的传输线路项目，中国导线厂商在印尼导线市场中标金额之最。<br />

			        </p>
		        </div>
                   <div class="m_content m_mg hide" data-panel="mg">
			        <!-- <i></i>-->
			        <h4>美国（230kV 输送线路项目）</h4>
			        <p>
                   美国230kV Barren Ridg 输送线路项目 <br />
                    执行地：加利福尼亚<br />
                    亚洲线缆厂家首次以大截面强度软铝增容导线、大芯数OPGW光缆产品，参与北美重大输电线路建设。<br />

			        </p>
		        </div>
	        </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {

            var timer = {};

            $('.am-u-sm-9').delegate('div', 'mouseenter', function () {
                var self = $(this);
                var tp = self.attr('data-type');
                clearTimeout(timer[tp]);
                timer[tp] = setTimeout(function () {
                    self.addClass('hover');
                    $('div[data-panel=' + tp + ']').removeClass('hide');
                }, 100);
            }).delegate('div', 'mouseleave', function () {
                var self = $(this);
                var tp = self.attr('data-type');
                clearTimeout(timer[tp])
                timer[tp] = setTimeout(function () {
                    self.removeClass('hover');
                    $('div[data-panel=' + tp + ']').addClass('hide');
                }, 100);
            });

            $(document.body).delegate('div.m_content', 'mouseenter', function () {
                clearTimeout(timer[$(this).attr('data-panel')]);
            }).delegate('div.m_content', 'mouseleave', function () {
                $(this).addClass('hide');
                $('div[data-type=' + $(this).attr('data-panel') + ']').removeClass('hover');
            });

        });
</script>
 <!--地图--> 
    <!--底部图片--> 
    <div style="height: 268px;background: #f8f8f8;" >
        <div class="clear "  id="bottomImg" >
            <div class="jxzz  wow fadeInUp animated">
                <div class="bottomTitle">精细制造</div><br/>
                <div class="bottomMore">
                    <a  class="bottomMoreA"  href="">点击了解更多</a>
                </div>
            </div>
            <div class="kjcx  wow fadeInUp animated" data-wow-delay="0.2s">
                <div class="bottomTitle">科技创新</div><br/>
                <div class="bottomMore ">
                    <a  class="bottomMoreA"  href="">点击了解更多</a>
                </div>
            </div>
            <div class="jsjy wow fadeInUp animated" data-wow-delay="0.4s" style="float:right">
                <div class="bottomTitle">精神家园</div><br/>
               
                <div class="bottomMore">
                    <a class="bottomMoreA" href="">点击了解更多</a>
                </div>
            </div>
        </div>
    </div> 
 <!--底部图片-->

 {/block}  